.slick-list.draggable {
   width: 100%;
}

.slick-track {
   margin: 0;
}

.slick-initialized .slick-slide {
   display: flex;
}

.bg-slider__header {
   display: flex;
   justify-content: space-between;
   margin-bottom: 2rem;
}
@media (max-width: 768px) {
   .bg-slider__header {
      margin-bottom: 1.6rem;
      align-items: center;
   }
}
.bg-slider__btns {
   display: flex;
   gap: 0.8rem;
   height: 2.2rem;
}
.bg-slider__btn {
   aspect-ratio: 1/1;
   height: 100%;
   padding: 0.5rem;
   background: #1e5540;
   border: none;
   border-radius: 50%;
}
.bg-slider__container {
   display: flex;
}
.bg-slider__inner {
   margin: 0 0.6rem;
   display: flex;
   justify-content: space-between;
   border-radius: 32px;
   overflow: hidden;
   height: 100%;
   width: 100%;
}
@media (max-width: 1024px) {
   .bg-slider__inner {
      border-radius: 16px;
   }
}
@media (max-width: 768px) {
   .bg-slider__inner {
      margin: 0 0.1rem;
   }
}
.bg-slider__container.slick-slider .bg-slider__slide.slick-slide {
   flex: 1 1 50%;
   height: 13rem;
}
@media (max-width: 1024px) {
   .bg-slider__container.slick-slider .bg-slider__slide.slick-slide {
      height: 8rem;
   }
}
@media (max-width: 768px) {
   .bg-slider__container.slick-slider .bg-slider__slide.slick-slide {
      height: 6rem;
   }
}
.bg-slider__slide-info {
   background: #1e5540;
   flex: 1 1 0;
   padding: 2.4rem;
   height: 100%;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   gap: 1rem;
}
@media (max-width: 1800px) {
   .bg-slider__slide-info {
      padding: 2.9rem 1.2rem;
   }
}
@media (max-width: 1024px) {
   .bg-slider__slide-info {
      padding: 1rem;
   }
}
@media (max-width: 768px) {
   .bg-slider__slide-info {
      padding: 0.8rem;
      gap: 0;
   }
}
.bg-slider__slide-title {
   color: #fff;
}
.bg-slider__slide-img {
   flex-shrink: 0;
   height: 100%;
   aspect-ratio: 1/1;
}
.bg-slider__slide-img img {
   object-fit: cover;
   object-position: center;
}

.bg-btn {
   width: fit-content;
   border-radius: 90px;
   padding: 0.6rem 1.5rem;
   background: #fff;
   font-family: Manrope, serif;
   font-weight: 500;
   font-size: 0.6rem;
}
@media (max-width: 768px) {
   .bg-btn {
      padding: 0.5rem 1.2rem;
      font-size: 0.5rem;
   }
}